<template>
  <div>
    <slot name="header" :list="list" :a="a" />
    <slot name="footer" :list="list1" />
    <div>{{ num }}</div>
  </div>
</template>
<script>
export default {
  props: ['num'],
  data() {
    return {
      list: [1, 2, 3],
      list1: [4, 5, 6],
      a: 123
    }
  },
  methods: {
    getNum() {
    //   console.log(this.num)
    }
  }
}
</script>
